<!DOCTYPE html>
<html>
  <head>
    {include file="public/header"/}
  </head>
  <body>
    <div id="all">
      <!-- Top bar-->
      {include file="public/navigation"/}
      <!-- Navbar End-->
      
      <div id="heading-breadcrumbs">
        <div class="container">
          <div class="row d-flex align-items-center flex-wrap">
            <div class="col-md-7">
              <h1 class="h2">Our Team</h1>
            </div>
            <div class="col-md-5">
              <ul class="breadcrumb d-flex justify-content-end">
                <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                <li class="breadcrumb-item"><a href="team.html">Our Team</a></li>
                <li class="breadcrumb-item active">Team Member</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div id="content" class="team-member-detail">
        <div class="container">
          <section class="bar">
            <div class="row">
              <div class="col-md-12">
                <!-- <div class="heading">
                  <h2>简介</h2>
                </div> -->
                <blockquote class="blockquote">
                  <p class="mb-0"><em>{$mess.summary}</em></p>
                </blockquote>
                <!-- <p class="lead">{$mess.summary}</p> -->
              </div>
            </div>
            <div class="row">
              <div class="col-md-8">
                <p>{$mess.content}</p>
                <!-- <div class="heading">
                  <h3>职责和技能</h3>
                </div>
                <ul class="ul-icons list-unstyled">
                  <li>
                    <div class="icon-filled"><i class="fa fa-check"></i></div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
                  </li>
                  <li>
                    <div class="icon-filled"><i class="fa fa-check"></i></div>Aliquam tincidunt mauris eu risus.
                  </li>
                  <li>
                    <div class="icon-filled"><i class="fa fa-check"></i></div>Vestibulum auctor dapibus neque.
                  </li>
                </ul> -->
              </div>
              <div class="col-md-4"><img alt="" src="{$mess.thumb}" class="img-fluid rounded-circle"></div>
            </div>
          </section>
       <!--    <section class="bar pt-0">
            <div class="row">
              <div class="col-md-4">
                <div class="heading">
                  <h3>Get in touch with Han</h3>
                </div>
                <ul class="social list-inline">
                  <li class="list-inline-item"><a href="#" class="external facebook"><i class="fa fa-facebook"></i></a></li>
                  <li class="list-inline-item"><a href="#" class="external gplus"><i class="fa fa-google-plus"></i></a></li>
                  <li class="list-inline-item"><a href="#" class="external twitter"><i class="fa fa-twitter"></i></a></li>
                  <li class="list-inline-item"><a href="#" class="email"><i class="fa fa-envelope"></i></a></li>
                </ul>
              </div>
              <div class="col-md-4">
                <div class="heading">
                  <h3>Han's presentations</h3>
                </div>
                <ul class="ul-icons list-unstyled">
                  <li>
                    <div class="icon-filled"><i class="fa fa-check"></i></div><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</a>
                  </li>
                  <li>
                    <div class="icon-filled"><i class="fa fa-check"></i></div><a href="#">Aliquam tincidunt mauris eu risus.</a>
                  </li>
                  <li>
                    <div class="icon-filled"><i class="fa fa-check"></i></div><a href="#">Vestibulum auctor dapibus neque.</a>
                  </li>
                </ul>
              </div>
              <div class="col-md-4">
                <div class="heading">
                  <h3>Han's articles</h3>
                </div>
                <ul class="ul-icons list-unstyled">
                  <li>
                    <div class="icon-filled"><i class="fa fa-check"></i></div><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</a>
                  </li>
                  <li>
                    <div class="icon-filled"><i class="fa fa-check"></i></div><a href="#">Aliquam tincidunt mauris eu risus.</a>
                  </li>
                  <li>
                    <div class="icon-filled"><i class="fa fa-check"></i></div><a href="#">Vestibulum auctor dapibus neque.</a>
                  </li>
                </ul>
              </div>
            </div>
          </section> -->
        </div>
       <!--  <section class="bar bg-gray">
          <div class="container">
            <div class="row">
              <div class="col-md-12">
                <div class="heading text-center">
                  <h2>Clients Han is taking care of</h2>
                </div>
                <ul class="list-unstyled owl-carousel customers no-mb">
                  <li class="item"><img src="img/customer-1.png" alt="" class="img-fluid"></li>
                  <li class="item"><img src="img/customer-2.png" alt="" class="img-fluid"></li>
                  <li class="item"><img src="img/customer-3.png" alt="" class="img-fluid"></li>
                  <li class="item"><img src="img/customer-4.png" alt="" class="img-fluid"></li>
                  <li class="item"><img src="img/customer-5.png" alt="" class="img-fluid"></li>
                  <li class="item"><img src="img/customer-6.png" alt="" class="img-fluid"></li>
                </ul>
              </div>
            </div>
          </div>
        </section> -->
      </div>
      <!-- GET IT-->
      <!-- <div class="get-it">
        <div class="container">
          <div class="row">
            <div class="col-lg-8 text-center p-3">
              <h3>Do you want cool website like this one?</h3>
            </div>
            <div class="col-lg-4 text-center p-3">   <a href="#" class="btn btn-template-outlined-white">Buy this template now</a></div>
          </div>
        </div>
      </div> -->
      <!-- FOOTER -->
      {include file="public/footer"/}
    </div>
    <!-- Javascript files-->
    {include file="public/script"/}
  </body>
</html>